#app{
    width: 7.5rem;
    height: 13.34rem;
    background-image: url('../../../../static/images/rankbg.png');
    overflow-y: hidden;
}
body{
    margin: 0rem;
    padding: 0rem;
}
.content{
    width: 100%;
    height: 100%;
    position: relative;
}
.content .content-bg{
    width: 100%;

}
.content .content-bg .content-bg-img{
    max-width:100%;
    max-height:98%;
}
.content .enter-start{
    position: absolute;
    bottom: 4rem;
    width: 1.7rem;
    height: 0.6rem;
    left: 2.95rem;
    background-color: rgb(255, 102, 0);
    border-radius: 0.1rem;

}
.content .enter-start .enter-start-btn{
    position: absolute;
    font-size: 0.24rem;
    left: 0.35rem;
    top: 0.14rem;
    color: rgb(255, 255, 255);
    text-decoration: none;

}
.content .rank-content{
    width: 5.4rem;
    height: 7.5rem;
    position: absolute;
    top: 4rem;
    left: 0.85rem;
}
.content .user-score{
    position: absolute;
    font-size: 0.28rem;
    bottom: 0.9rem;
    left: 1.34rem;
    color: rgb(231, 32, 26);

}
.content .user-score .user-score-text{

}
.content .user-rank {
    position: absolute;
    font-size: 0.28rem;
    bottom: 0.9rem;
    right: 1.23rem;
    color: rgb(231, 32, 26);

}
.content .user-rank .user-rank-text{

}

.content .rank-content .rank-user-content{
    overflow-y: scroll;
    height: 95%;
    margin-top: 0.1rem;
}

.content .rank-content .header{
    font-size: 0.28rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    color: red;
}

.content .rank-content .header-row{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    font-size: 0.24rem;

}
.content .rank-content .rank{
    width: 19%;
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.content .rank-content .user_name{
    width: 29%;
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.content .rank-content .company{
    width: 28%;
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.content .rank-content .score{
    width: 24%;
    display: flex;
    flex-direction: row;
    justify-content: center;
}